<template>
  <el-header data-tauri-drag-region style="margin-bottom: 20px;">
    <el-row>
      <el-col :span="14" data-tauri-drag-region>
        <label class="title stroke" data-tauri-drag-region>
          林羽凡时钟
        </label>
      </el-col>
      <el-col :span="4" data-tauri-drag-region>
        <system about-visible />
      </el-col>
    </el-row>
  </el-header>
</template>

<script setup>
import system from './System.vue'
</script>

<style scoped>
.title {
  color: #fff;
  font-size: 16px;
  line-height: 40px;
  padding-left: 36px;
}

.stroke {
  text-shadow: 1px 0 #3b3b3b,
    -1px 0 #3b3b3b,
    0 1px #3b3b3b,
    0 -1px #3b3b3b,
    1px 1px #3b3b3b,
    -1px -1px #3b3b3b,
    1px -1px #3b3b3b,
    -1px 1px #3b3b3b;
}

.el-header {
  line-height: unset;
  height: 40px;
  padding: 0;
  width: 100%;
}
</style>